<template>
  <div class="back-previou">
    <div class="back">
      <Button type="text" @click="backPreviou">
        <i class="fal fa-arrow-left">&nbsp;</i>{{ $t('back') }}</Button
      >
    </div>
  </div>
</template>

<script>
  import { Modal, Button } from '@jecloud/ui';
  export default {
    name: 'BackPreviou',
    components: {
      // eslint-disable-next-line
      Modal,
      // eslint-disable-next-line
      Button,
    },
    props: {},
    emits: ['showMain', 'changeFlag'],
    setup(props, { emit }) {
      // 返回
      const handelClick = () => {
        emit('showMain', false);
      };
      const backPreviou = () => {
        handelClick();
      };

      return { backPreviou };
    },
  };
</script>

<style lang="less" scoped>
  .back-previou {
    .back {
      width: 760px;
      height: 40px;
      color: #333333;
    }
    :deep(.je-modal--title) {
      color: #396bd0;
    }
    :deep(.jeicon-doubt-s::before) {
      color: #396bd0;
      font-size: 16px;
    }
    :deep(.je-modal--content) {
      text-align: center;
    }
  }
</style>
